@charset "utf-8";
/**
 * @Created by kroyo on 2018/03/13
 * @finance.html  财务列表 页面样式
 */


@import 'common/mixincommon';



//银行账户列表
.baccount-list{
    .list-item{
        float: left;
        width: 340px;
        height: 160px;
        border: 1px solid $borcolor;
        @include borradius(4px);
        padding: 20px 20px 20px 30px;
        margin-bottom:20px; 
        &:nth-of-type(2n){
            margin-left: 20px;
        }
    }
    .list-item.active{
        position: relative;
        background-color: $yelow;
        border-color:$yelow;
        &:after{
            position: absolute;
            top: -1px;
            right: -1px;
            display: block;
            content: '';
            width: 60px;
            height: 60px;
            background: url(../img/infor/baccount-active.png) no-repeat center;
        }
        .item{
            color: $sf;
            .btn{
                display: none;
            }
        }
        .baccount-name{
            color: $sf;
        }
        .btnlist{
            background-color: #feba58;
            border-color: #feba58;
        }
        .iconfont{
            color: $sf;
            &:hover{
                color: $s6;
            }
        }
    }
    .item{
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: $s3;
        font-size: 14px;
        .btn{
            float: right;
            width: 90px;
            font-size: 14px;
        }
    }
    .baccount-name{
        color: $s3;
        font-size: 18px;
        line-height: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .btnlist{
        width: 90px;
        height: 30px;
        border: 1px solid $borcolor;
        @include borradius(4px);
        font-size: 0;
        text-align: center;
        .iconfont{
            color: $s9;
            font-size: 14px;
            cursor: pointer; 
            margin: 0 10px;
            @include transitions(.4s);
            &:hover{
                color: $acolor;
            }
        }
    }
}




